Search

手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack,只需要開啟 VS...

  • Share this:

手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack,只需要開啟 VSCode~

Q: 為什麼要客製化?
客製化可以使 Bootstrap 更符合專案的風格樣式。

Q: 用覆蓋不行嗎?一定要客製化嗎?
就經驗上來說,覆蓋通常會缺少許多的狀態,如按鈕的 hover, active, focus 等等,並且容易使樣式缺少一致性。

Q: 編譯?Bootstrap 不是 CSS 嗎?
Bootstrap 的 .css 檔案是編譯後的結果,它原始檔案是屬於 .scss 的結構,本文只會針對其中的變數檔案進行介紹,不需要會 .scss 也可以進行調整喔。

Q: 客製化環境是不是很複雜,如果沒有 gulp、webpack 使用經驗是否就無法?
不會,本章節介紹的方式僅需要使用 VSCode 即可(有安裝 Node.js 更好,但不強制)。


Tags:

About author
not provided
嗨,大家好 我是卡斯伯 同時具有設計師、工程師、打雜的身份 因為角色混亂,所以開一個粉絲團來亂貼文
View all posts